<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<title>Flood</title>
<script type="text/javascript" charset="utf-8" src="jquery1_5_1.js"></script>
<script type="text/javascript" charset="utf-8" src="flood1js.js"></script>
<link rel="stylesheet" type="text/css" href="flood1style.css" media="screen" charset="utf-8" />
</head>
<body>
	<div id="banner">
	
	</div>
	<div id="wrap">
		<div id="console" >
			<div id="gameboard">

			</div> 
			<div id="controlpane">
				<a href="#"><div class='moves' id="bluecont" onclick='move("blue");'></div></a>
				<a href="#"><div class='moves' id="redcont" onclick='move("red");'></div></a>
				<a href="#"><div class='moves' id="purplecont" onclick='move("purple");'></div></a>
				<a href="#"><div class='moves' id="orangecont" onclick='move("orange");'></div></a>
				<a href="#"><div class='moves' id="greencont" onclick='move("green");'></div></a>
				<a href="#"><div class='moves' id="yellowcont" onclick='move("yellow");'></div></a>
			</div>
			<div id="bottom">
				<div class="nav" id="start">
					<a href="#" onclick='startGame(0);'>Start</a>
				</div>
				<div class="nav" id="restart">
					<a href="#" onclick='restartGame(false);'>Restart</a>
				</div>
				<div class="nav" id="movecont">
					<div id="counter">
						<div id="playermoves"></div><div>of</div><div id="maxmoves"></div>
					</div>
					<p>moves</p>
				</div>
				<div class="nav" id="option">
					<a href="#" onclick='showOptions();'>Options</a>
				</div>
			</div>
		</div>
	</div>
		<div class='whitecontent' id='msgbox'>
<p></p> 
<a href='#' onclick='restartGame(true);'>Please click here to play again</a>
</div>

<div class='whitecontent' id='options'>
<p>board size</p>	
<a href='#' onclick='changeSize(0);'>small</a>
<a href='#' onclick='changeSize(1);'>medium</a>
<a href='#' onclick='changeSize(2);'>large</a>
<br /><br />
<a href='#' onclick='cancel();'>cancel</a>
</div>
<div class='blackoverlay' id='fade'>

</div>
</div>
</div>
</body>
</html>
